<template>
  <div>
    <!-- 产品与服务 2018/2/20 16:02 zhangQ -->
    <div class="layout">
      <Row>
        <i-col :span="24">
          <Carousel v-model="CarouselValue"
                    style="position: relative;z-index: 100;position: relative;margin-top: -60px;"
                    :autoplay="setting.autoplay"
                    :autoplay-speed="setting.autoplaySpeed"
                    :dots="setting.dots"
                    :radius-dot="setting.radiusDot"
                    :trigger="setting.trigger"
                    :arrow="setting.arrow">
            <CarouselItem>
              <img src="../../../../static/img/img_producttitle.png" width="100%"/>
            </CarouselItem>
          </Carousel>
        </i-col>
      </Row>

      <!-- content -->
      <div style="height: 100%; background: #fff;">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'index',
    data () {
      let CarouselValue = 0
      let setting = {
        autoplay: false,
        autoplaySpeed: 5000,
        dots: 'none',
        radiusDot: false,
        trigger: 'hover',
        arrow: 'never'
      }
      let datas = { CarouselValue, setting }
      return datas
    }
  }
</script>
<style scoped>

</style>
